// 登录页面样式
@import "../../style/common.less";

.login-box {
  display: block;
  position: relative;
  height: 100%;

  >.footer {
    display: block;
    position: absolute;
    line-height: 36px;
    font-size: 0.6rem;
    color: rgb(124, 124, 124);
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    
  }
}
.login-welcome {
  display: block;
  position: relative;
  padding-top: 20vh; //view-port整个视图的20%高度
  > .van-circle {
    position: absolute;
    top: 12px;
    right: 12px;
  }
  >.title,>.sub{
    display: block;
    text-align: center;
    color: @primary;
  }
  > .title {
    position: relative;
    font-size: 1.3rem;
    font-weight: 400;
    &::before {
      content: "";
      display: block;
      width: 48px;
      height: 48px;
      margin: auto;
      background:url(../../image/logo.png) center center / 56px 56px no-repeat  ;
    }
  }
  >.sub{
 font-size: .7rem;
 line-height: 42px;
  }
}
.login-content {
  display: block;
  position: relative;
  padding: 10vh 16px 0;
  >.title{
    display: block;
    font-size: 1.2rem;
    color: @primary;
    text-align: center;
    // line-height: 56px;
    margin-bottom: 10px;
    position: relative;
    &::before{
      content: '';
      display: inline-block;
      background: url('../../image/logo.png')center center/28px 28px no-repeat ;
      vertical-align: middle;
      width: 36px;
      height: 36px;
      
    }
  }
  > .line {
    display: flex;
    border-bottom: 1px solid @cdd;
    padding: 10px 0;
    height: 50px;
    margin-bottom: 16px;
    &::before {
      //伪元素一定要加content
      content: '';
      flex: 0 0 36px;
      height: 36px;
      background: url('../../image/15.png') center center/ 24px 24px no-repeat;
    }
    input {
      // 自动伸缩
      flex: 1;
      outline: none;
      border: none;
      height: 36px;
      background: transparent;
      padding: 0 8px;
      font-size: .7rem;
    }
    span{
      flex: 0 0 110px;
      font-size: .7rem;
      text-align: center;
      line-height: 30px;
      border-left: 1px solid #ddd;
    }
  }
  .van-checkbox{
    font-size: .7rem;
    margin-bottom: 16px;
  }
}
